<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>皇室蛋糕</title>
<!--   <link rel="stylesheet" type="text/css" href="../js/layui.css">
  <script type="text/javascript" src="../js/layui.js"></script> -->
  <link rel="stylesheet" type="text/css" href="res/layui.css">
  <script type="text/javascript" src="res/layui.js"></script>
  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  <script type="text/javascript">
  	$("#btn").css({ color: "#ff0011", background: "blue" });
    $(document).ready(function() {
        $('#btn').click(function() {
            var text = $('#btn');
            $.ajax({
                type : "POST",
                url : "getcommodity",
                data : "username=ssss",
                dataType : 'json',
                success : function(result) {
					console.log(result);                     
                },
                error : function() {
                    text.text("");
                    text.append("操作出错");
                }
 
            });
        });
    });
  </script>

	<style type="text/css">
	#fdck {
		border: 1px solid #c0c0c0;
		margin: 0 auto;
		padding: 5px;
		background: #f0f0f0
	}
	</style>
</head>
<body>

	<button id="btn">流体按钮（最大化适应）</button>
	<div id="img"
		style="position: absolute; left: 311; top: 815; visibility: hidden;"
		onmouseover="clearInterval(interval)"
		onmouseout="interval = setInterval('changePos()', delay)"
		align="middle">
		<span
			style="CURSOR: hand; color: red; font-weight: bold; font-size: 12px"
			onclick="clearInterval(interval);img.style.visibility = 'hidden'">关闭</span>
		<div id="fdck">
			欢迎来到营了个销！<br>http://www.hcsem.com/
		</div>
	</div>
	<script language=javascript>
		var xPos = 20;
		var yPos = document.body.clientHeight;
		var step = 1;
		var delay = 30;
		var height = 0;
		var Hoffset = 0;
		var Woffset = 0;
		var yon = 0;
		var xon = 0;
		var pause = true;
		var interval;
		img.style.top = yPos;
		function changePos() {
			width = document.body.clientWidth;
			height = document.body.clientHeight;
			Hoffset = img.offsetHeight;
			Woffset = img.offsetWidth;
			img.style.left = xPos + document.body.scrollLeft;
			img.style.top = yPos + document.body.scrollTop;
			if (yon) {
				yPos = yPos + step;
			} else {
				yPos = yPos - step;
			}
			if (yPos < 0) {
				yon = 1;
				yPos = 0;
			}
			if (yPos >= (height - Hoffset)) {
				yon = 0;
				yPos = (height - Hoffset);
			}
			if (xon) {
				xPos = xPos + step;
			} else {
				xPos = xPos - step;
			}
			if (xPos < 0) {
				xon = 1;
				xPos = 0;
			}
			if (xPos >= (width - Woffset)) {
				xon = 0;
				xPos = (width - Woffset);
			}
		}
		function start() {
			img.style.visibility = "visible";
			interval = setInterval('changePos()', delay);
		}
		start();
	</script>
</body>
</html>